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:html> 

<form id= M get_caixLJnfo" method ="post" action="http://payment.asp"> 

<select name="card_type" onClick^'talkCg^card^pes)'^ 

<option value="amex">American Express </option> 
<option value="visa">Visa</option> 
<option value="ms">MasterCard</option> 
</select> 

<reco id="g_card_types"onReco ="handle() " > 

< grammar src="./gram#card_types" l> 
</reco > ziZ^ 

<input type="text" name="card_num" width="30" 

onClick="talk(g_card_num)" /> 
<reco id=" g_card_num " onReco = u handle() " > 

< grammar src =" -/gram#digits » /> 

</reco > 

<input type="text" name="expiry_date" 

onClick="talk(g_expiry_date)" /> 
<reco id="g_expiry_date " > 

< grammar src =" ./gram#dates " /> 

<reco > 
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<input type-"submit" value="Submit" onClick= ,, verifyC)" 

< /form > — — 

<scriptx![CDATA[ 

function talk(gobj) { 
gobj .activated); 

function handleO { 

if (get_card_info.card_num != null) { 

if (get_card_info.card_type. value -= "amex") 

if (get__card_info. card_num. length 1= 15) 

alert {"amex should have 15 digits"); 

} else 

if ( get _card_inf o. card_num. length != 16) 



} 



} 



alert ("visa and master should have 16 digits"); 



function verifyO { 

var flag = window. confi rm("submit the credit card 
info?"); 

if (flag) { 

get_card_i nfo. submit () ; 



]]> 
</script> 
</html> 



FIG. 6 



a 
Q 

m 
m 

a 

m 



O 

o 

M 
O 
W 



LOW LEVEL SERVER 
SIDE CONTROLS 



300 



HIGH LEVEL SERVER 
SIDE VISUAL 
CONTROLS WITH 
RECOGNITION AND 
PROMPTING 
ATTRIBUTES 



302 



FIG. 7 



O 

o 
m 

M 
01 

a 

CO 

£ 

a 
p 

M 

a 
ni 



LOW LEVEL SERVER 
SIDE CONTROLS 



300 



HIGH LEVEL SERVER 
SIDE VISUAL 
CONTROLS 



302 



304 



RECOGNITION AND 

PROMPTING 
CONTROLS THAT 
CALL OR USE 
CONTROLS 302 



FIG. 8 



LOW LEVEL SERVER 
SIDE CONTROLS 



300 



302 



HIGH LEVEL SERVER 
SIDE VISUAL 
CONTROLS 



306 



COMPANION 
CONTROLS FOR 
RECOGNITION AND 
AUDIO PROMPTING 



FIG. 9 



